<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 思考一个问题，每个元素在页面中到底占据多大的空间 -->
    <!-- 垂直方向：看内容    水平方向： -->
    <!-- 某些元素非常重要：独占一行  这种元素就是 block level 块级元素 -->
    <!-- 常见块级元素 h div p -->
    <!-- 某些元素属于内容的一部分，没必要独占一行  这种元素类型是 inline level 行内元素 -->
    <!-- 常见行内元素 span a img strong i -->
    <h1>我是标题</h1>
</body>
</html>